﻿@charset "utf-8";

/*----------------------------------------------------
 common
----------------------------------------------------*/
input.button {width:150px;line-height:2em;}
#main .itemList li {background: url(//img.muji.net/m/img/arrow.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 10px 13px, auto;}
.content {width:100%;}

/*----------------------------------------------------
 header
----------------------------------------------------*/
#headerWrap, #storeHeaderWrap {width: 100%;min-width: initial;}
#siteName {padding: 0;float: left;font-size: 12px;line-height: 1;}
#siteName a {position:relative;top:8px;display: block; width: 113px; height: 18px;background-image: url("/cn/net/contents/img/logo_muji_w.png"); background-size: 113px 18px; background-position: 0 7px; padding: 7px 15px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;border-bottom:none;}
#siteName a:hover {background-image: url(//img.muji.net/img/cn/store/common/header.png);background-position: 0 -18px;-webkit-background-size: initial; padding-top: 0; margin: 10px; }
#header_mobile {text-align:right;} 
#header_mobile a#menu img {position:relative;left:0;}
#header_mobile #id2{text-align:left;} 
#gnChat {position:relative;top:28px;left:-295px}
#header a:link, #header a:visited { color: #FFF !important; font-weight:bold; text-decoration:none;}
li#gnHome{position:relative;top:0px;}
li#gnStore{position:relative;top:0px;left:25px;}
li#gnShop{position:relative;top:0px;left:25px;}
li#gnLab{position:relative;top:0px;left:65px;}
li#gnChat{position:relative;top:25px;}
li#gnRecruit{position:relative;top:8px;left:95px;}
li#gnPartner{position:relative;top:8px;left:110px;}
li#gnCompany{position:relative;top:8px;left:130px;}
li#gnWhatis{position:relative;top:35px;left:-230px;}
li#gnGS{position:relative;top:18px;left:287px;}
#globalNav{height:64px;}

/*----------------------------------------------------
 storeHeader
----------------------------------------------------*/
.loginBefore #shSignUp {font-weight: normal;}
#storeHeader {height:85px;}
#shStoreMember {float:left;position:initial;}
ul#shStoreNav a {line-height: 40px;margin-left:5px;}
#headerCartBox {width: initial;height: 42px;}
#headerCartBox #cartTitle {display:none;}
a #cartButton {display: block;float: right;height:42px;text-indent: -9999px;padding: 0;background: url(//img.muji.net/m/img/icon_cart.png) no-repeat 15px 10px; -webkit-background-size: 26px 21px;top:0;right: 10px;width:42px;}
a:hover #cartButton { background: url(//img.muji.net/m/img/icon_cart.png) no-repeat 0px 14px; -webkit-background-size: 26px 21px;}
#headerCartBox #cartPriceArea {visibility: hidden;}
#cartOrder #cartQuantity {visibility: initial;top: 5px;left: 20px;color: #fff;background-color: #7f0019;padding: 4px 6px;position: absolute;border-radius: 9px;line-height: 10px;font-size: 10px;height: 10px;vertical-align: middle;}
#hSearch {display:block;padding: 2px 5px;}
#hSearch #hSearchWrap div{display: block;}
#hSearch #hSearchWrap #searchArea {border:none;position: static;width: calc(100% - 40px);float: left;display: block;}
#hSearch #hSearchWrap #searchArea #searchKeyword{position:initial; border: solid #bbb; border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px;width:100%;} 
#hSearch #hSearchWrap #searchArea #searchKeyword input{position:initial;width: initial;width:100%;height:28px;margin:0;}
#hSearch #hSearchWrap div#searchSubmit{position:initial;float: left;display: block;} 
#hSearch #hSearchWrap div#searchSubmit a, #hSearch #hSearchWrap div#searchSubmit a :visited {position:initial;}
/*----------------------------------------------------
 footer
----------------------------------------------------*/
#footerWrap, #footer {width: 100%;}
body#shoppingCart #snCategory,
body#addressee #snCategory,
body#payment #snCategory,
body#confirmOrder #snCategory{display:none;}
#snCategory .headOpen {background: url(//img.muji.net/m/img/arrow_up.png) no-repeat 95% center,-webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));-webkit-background-size: 13px 10px, auto;}
#snCategory .headClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, from(#f5eedd), to(#f5ddcc));-webkit-background-size: 13px 10px, auto;}
#snCategory .contentOpen {background: url(//img.muji.net/m/img/arrow_up.png) 95% center no-repeat #eee; -webkit-background-size: 13px 10px;height:initial;}
#snCategory .contentClose {background: url(//img.muji.net/m/img/arrow_down.png) 95% center no-repeat #eee;-webkit-background-size: 13px 10px;height:initial;}
#snCategory li {padding: 0; }
#snCategory ul ul li a {background: url(//img.muji.net/m/img/arrow.png) 95% center no-repeat #fff;-webkit-background-size: 10px 13px;padding: 20px 10px;}
#snCategory ul ul li a:hover {background: url(//img.muji.net/m/img/arrow.png) 95% center no-repeat #fff;-webkit-background-size: 10px 13px;height:100%;}
#modeSwitch,#footer #snCategory,#footer #mobileNav {display:block;}
#mobileNav li a {background: url(//img.muji.net/m/img/arrow.png) 95% center no-repeat #f5eedd;-webkit-background-size: 10px 13px;}
#fLicence {padding-right:5px;}

/*----------------------------------------------------
 store top
----------------------------------------------------*/
#mobileCampaign, #mobileCategoryList {display:block;}
body#storeTop #main{margin-top:-38px !important;}
body#storeTop #main h2 {position:relative;top:7px;font-size: 13px;background: none;color: #191919;padding: 5px 10px;margin-bottom: 0;border-bottom: 1px solid #eee;}
body#storeTop .more a {background: url(//img.muji.net/m/img/arrow.png) no-repeat 95% center #efefef;-webkit-background-size: 10px 13px, auto;}
body#storeTop section#life {display:none;}
body#storeTop section#clothes {display:none;}
body#storeTop #mobileCategoryList li h3.categoryClose {background-image: url(//img.muji.net/m/img/arrow_down.png) no-repeat, url(//img.muji.net/m/img/icon_sidenav.png) no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 10px 13px, auto, auto;}
body#storeTop #mobileCategoryList li h3.categoryOpen {background-image: url(//img.muji.net/m/img/arrow_up2.png),url(//img.muji.net/m/img/icon_sidenav2.png);-webkit-background-size: 10px 13px, auto, auto;}
body#storeTop #mobileCategoryList li.D00001 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px 22px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00002 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px -28px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00003 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px -74px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00004 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px -230px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00005 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px -125px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00006 h3.categoryClose {background: url(//img.muji.net/m/img/arrow_down.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav.png) no-repeat 10px -179px,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00001 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px 22px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00002 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px -28px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00003 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px -74px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00004 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px -230px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00005 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px -125px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li.D00006 h3.categoryOpen {background: url(//img.muji.net/m/img/arrow_up2.png) no-repeat 95% center,url(//img.muji.net/m/img/icon_sidenav2.png) no-repeat 10px -179px;background-color: #999;-webkit-background-size: 13px 10px, auto, auto;}
body#storeTop #mobileCategoryList li ul {margin: 0; }
body#storeTop #mobileCategoryList li ul li a {background: url(//img.muji.net/m/img/arrow.png) 95% center no-repeat #f5f5f5;-webkit-background-size: 10px 13px, auto;}
body#storeTop .campaignPanel .item img {width: 240px;height: 190px;}

body#storeTop #mobileCampaign li{font-size:14px !important;}
body#storeTop #mobileCampaign li:first-child {width:100%;}
body#storeTop #mobileCampaign li img {width:100%;}
body#storeTop #mobileCampaign li{float:left;}
body#storeTop #mobileCampaign li:nth-child(2){width:50%;}
body#storeTop #mobileCampaign li:nth-child(3){width:50%;}
body#storeTop #mobileCampaign li:nth-child(4){width:50%;}
body#storeTop #mobileCampaign li:nth-child(5){width:50%;}
body#storeTop #mobileCampaign li:nth-child(6){width:50%;}
body#storeTop #mobileCampaign li:nth-child(7){width:50%;}
body#storeTop #mobileCampaign li span {position: relative;top: -15px;left:5px;color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,.5);display:block;line-height:0;}
body#storeTop #mobileCampaign .more {clear:both;}

body#storeTop #manualrecommend h1 {zoom:initial;}
body#storeTop .ranking li:after {left:5px;top:8px;}


body#sale #subCategory{width:295px;height:275px;}
body#sale #subCategory li{width:147px;}
body#sale #subCategory li .name{width:80px;word-wrap:break-word}
body#sale #subCategory li .img1{margin-left:-5px;margin-top:1px;height:59px;width:57px;}
body#sale #subCategory li .img2{display:none;}
body#sale .single .image img {zoom:100%;margin-left:25px;}

body.categoryTop #main aside {display: none;}
body.categoryTop #main section.column3 {display: none;}
body.categoryTop #main section#RecommendItem {display: none;}

body.categoryTop .wrapAroundBanner {position:relative;}
body.categoryTop .wrapAroundBanner h2{width:350px !important;}
.wrapAroundBanner {display: inherit;margin:50px 0 0;}

/*----------------------------------------------------
 feature
----------------------------------------------------*/
body.feature #main {width: auto; margin: 10px 0 0;}
body.feature #main h3 {padding: 5px 10px;}

/*----------------------------------------------------
 section
----------------------------------------------------*/
#subCategory li {width:50%; margin-right:-4px; }
#subCategory li a {background-image: url(//img.muji.net/m/img/arrow.png) ;background-color:white;}
#subCategory+#RecommendItem{display: none;}
#subCategory .img{left: 0;background-position: 5px 10px;margin-left: 0;}

/*----------------------------------------------------
 list
----------------------------------------------------*/
.productlistControls {margin-top: 10px;position: relative;}
.productlistControls #recommend {padding:0;border:none;}
.productlistControls {background-color: #f1f1f1; height:40px; solid #cccccc;}
.productlistControls ul {line-height:2.8em;margin-top: 0px; margin-bottom: 5px; border-right: 0px solid; border-right-color: rgb(221,221,221); display: inline; font-size:12px;padding:5px;}
.productlistControls .recordsPerPage{display:none;}
.productlistControls .itemsLayout{display:none;}
.sortByControl li {margin-right: 11.5px;}
.goodsListColView dl.info {width:100%;}
.goodsListColView .item { border-bottom: 1px solid #E6E6E6; height: auto; min-height: 100px; position: relative; margin-top: 10px; display:block;width:auto;background: url(//img.muji.net/m/img/arrow.png) no-repeat center right 5px;}
.goodsListColView dl.info dt.thumb img {width: 95px;height: 95px;}
.goodsListColView .thumb {height: 100px;float: left;width: 100px;}
.goodsListColView .name { word-wrap: break-word; text-decoration: underline;}
.description {display:none}
#additionalInfo #relatedItems.section{display:none;}
#mixMatchItems.itemList  {margin: 0px 10px; padding: 10px;}
#mixMatchItems.itemList h1 {padding: 0px 0px 10px;}
#mixMatchItems.itemList li{background-image: none; word-break:break-all}
#productList {width:auto;}

body#sale section h1 {display:none;}
body#sale section li {display:none;}
body#sale section p {display:none;}

body#MixMatch section h1 {display:block;}
body#MixMatch section li {display:block;}
body#MixMatch section p {display:block;}
.store h1:nth-child(1){zoom:47%;background-repeat: no-repeat !important;}
#promotion.single .image img {width:300px;margin-left:30px;}

/*----------------------------------------------------
 search
----------------------------------------------------*/
body#search p {padding: 0 10px;}
#SearchForm {margin:0 10px 10px 10px;}
#SearchForm label { width:60px;}
#SearchForm ul {width:auto;}
#SearchForm .panel {background-position-x: -150px;}
#SearchForm ul input {margin: 5px 0 5px 30px;}
#SearchForm input{margin: 14px 5px 5px 25px;width: 150px;}
body#search fieldset {width:350px;margin-left:3px;}

/*----------------------------------------------------
 item
----------------------------------------------------*/
body#item #prodImgDefault li {display:block;}
.mainPictures {position:initial;}
body#item #picture .thumbnails {margin-right: -5px;margin-left: 10px;text-align: center;}
body#item #picture .thumbnails li {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #ccc;float: none;display: inline-block;margin: 0 4px 4px 0;letter-spacing: normal;}
body#item #picture .thumbnails li a {display:none;}
body#item #picture .thumbnails li a img {margin:0;}
body#item #picture{height:390px;}
.notAvailable {height:20px;}
.controlPanel {float: none;width: auto;margin-left: 10px; margin-right: 10px;}
.controlPanel #shopStock,
.controlPanel .anotation,
.controlPanel #refundPolicy,
.controlPanel .share {}
.controlPanel #aboutShipping a,
.controlPanel #shopStock a,
.controlPanel #refundPolicy a,
.controlPanel .incidentalServiceAbout {text-decoration: underline;}
.controlPanel #banner li.bannerFreeShipping,
.controlPanel #banner li.bannerTogether,
.controlPanel #banner li.bannerMixMatch,
.controlPanel #banner li.bannerLimited {background: url(//img.muji.net/m/img/arrow_7f0019.png) no-repeat 95% center; width: 268px; -webkit-background-size: 10px 13px; background-color: #fff;}
.controlPanel #banner li.bannerFreeShipping dl,
.controlPanel #banner li.bannerTogether dl,
.controlPanel #banner li.bannerMixMatch dl,
.controlPanel #banner li.bannerLimited dl {width: 245px;}

body#item #breadcrumbs .current {display: block;}

ul#listChipSize li a {padding: 0; margin:0 5px 5px 0;}
ul#listChipSize li em span { width:76px;padding:10px 0;}

#size_matrix {width: 95vw;}
#size_matrix {display:block;}
#size_matrix table {width: 95vw;}
#size_matrix table th,
#size_matrix table td {padding: 5px 0; font-size: 12px;width: .5em;}
#size_matrix table tr th:first-child { font-weight: normal;width:1em;}

body#item select#selectNum{margin-right:20px;height:2em;font-size:large}

div.chipHint {right:100px; top:10px;}

body#item #recommend{display:none;}

body#item #additionalInfo {float: initial;margin: 0 10px;width: auto;}
body#item #shoppingGuide {width: auto;padding: 0 10px;}
body#item #shoppingGuide dl {width: initial;display: block;margin: 0 0 20px 0;} 
body#item #shoppingGuide dd {width: initial;display: block;} 
body#item input.button {width:150px}
body#item #includeDetail{display:none;}

body#item #history .thumb {text-align: center; padding: 3px;}
body#item #history .itemList{margin-top:-10px;height:125px !important;overflow-x:scroll !important;}
body#item #history .itemList li {position:relative;left:-10px;width: 63px !important;height:90px !important;background:none;}
body#item #history .itemList .thumb {zoom:70%;float: none;}
body#item #history .itemList .name {position:relative;left:-40px;zoom:100%;text-decoration:none;}
body#item #history .itemList .desc {width:100px !important;}
body#item #history {height:113px;}
body#item #history .btn{display:none;}

body#item .mainImage {width:95%;}


/*----------------------------------------------------
 cart
----------------------------------------------------*/
body#shoppingCart #main{width: 100%;margin:10px 5px 0 5px;}
body#shoppingCart h1,body#shoppingCart p {padding:0;}
body#shoppingCart table#ShoppingCart {width: calc(100% - 10px);}
body#shoppingCart #submitButton input.button {background-image: -webkit-gradient(linear, left top, left bottom,  from(#444444), color-stop(0.5, #333333), color-stop(0.5, #222222), to(#222222));border-radius: 5px;display:block;width: calc(100% - 10px);}
body#shoppingCart #submitButton input.button:hover {background: #7f0019; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#881122),	color-stop(0.5, #7f0019), color-stop(0.5, #660000),	to(#660000));border-radius: 5px;}
body#shoppingCart td.product {width:55px;padding: 5px;}
#ShoppingCart .prodPic {padding:0px;width: 95px;height: auto;}
body#shoppingCart #agb_mobile{display:block;text-align:right;width: calc(100% - 10px);}
body#shoppingCart #agb_mobile a{text-decoration:underline}
body#shoppingCart #agb_mobile p {text-align:left;}
body#shoppingCart #agb{ display:none; }
body#shoppingCart td.price{ display:none; }
body#shoppingCart td.amount {width: 30px;}
body#shoppingCart td.notes{ display:none; }
body#shoppingCart td.product {width:55px;}
body#shoppingCart #orderSums {margin-bottom: 5px;width: calc(100% - 10px);}

body#shoppingCart #history .thumb {text-align: center; padding: 3px;}
body#shoppingCart #history .itemList{margin-top:-10px;width:330px !important;height:125px !important;overflow-x:scroll !important;}
body#shoppingCart #history .itemList li {position:relative;left:-15px;width: 50px !important;height:90px !important;background:none;}
body#shoppingCart #history .itemList .thumb {zoom:70%;float: none;}
body#shoppingCart #history .itemList .name {position:relative;left:-90px;zoom:100%;text-decoration:none;word-wrap:break-word;}
body#shoppingCart #history .itemList .desc {width:95px !important;}
body#shoppingCart #history { width: 375px;height:120px;}
body#shoppingCart #history .btn{display:none;}


#shoppingCart .product p {word-wrap:break-word;width: 100%;}
#ShoppingCart .product span.article {display: none;}
#shoppingCart .total {width:25px;}
#shoppingCart .other {width: 30px;}
#ShoppingCart .button input {text-align:left; min-width:10px;}

#ShoppingCart.readOnly {width:355px;}
#ShoppingCart.readOnly td.product {width:145px;}
#ShoppingCart.readOnly td.price  {display: none;}
#ShoppingCart.readOnly td.product p {width:auto;float:initial;}
#ShoppingCart.readOnly .amount {width: 32px;}
#ShoppingCart.readOnly td.total { width:40px; text-align:right; }
#ShoppingCart.readOnly td.notes  {display: none;}

/*----------------------------------------------------
 address
----------------------------------------------------*/
body#addressee #main {width:355px;margin: 10px 10px 0;}
body#addressee h1 {padding: 0;}
body#addressee ol.stepNavi {background-image: url(//img.muji.net/m/img/cartstep1.png);width: 220px;height: 12px;background-size: 220px 12px;}
body#addressee ol.stepNavi li {display:none;}
body#addressee label {width:110px;}
#myAddresses div.controls {float: initial;text-align: center;}
#myAddresses div.controls div:first-child{width:auto;padding:4px;}
#myAddresses div.controls div{margin-top:10px;}
body#addressee div.panel {background-position-x: -100px;}
body#addressee div.panel ul {margin-left:140px;width:150px;}
body#addressee input.inputField {width:140px;}
body#addressee select.selectbox {width:140px;}
body#addressee .error {margin-left: 140px;}
body#addressee .advice {margin-left: 140px;}
body#addressee ul.list01 p.advice {margin-left: 0px;}
body#addressee div.button {margin-top:10px;}
body#addressee #myAddresses div.address {width: 170px;}
body#addressee input.button{margin-left:20px;margin:2px;width:auto;padding:2px 6px;}
body#addressee #changeAddrSelf{position:relative;left:33px;}
body#addressee input.button.important {width:auto;}
body#addressee input.button.important#shipToAddrSelf {width:auto;position:relative;top:-30px;}
body#addressee input.button.important#shipToNewAddrAdd {width:auto;position:relative;top:-10px;left:10px;}

/*----------------------------------------------------
 payment
----------------------------------------------------*/
body#payment #main {width:355px;margin: 10px 10px 0;}
body#payment h1 {padding: 0;}
body#payment ol.stepNavi {background-image: url(//img.muji.net/m/img/cartstep2.png);width: 220px;height: 12px;background-size: 220px 12px;}
body#payment ol.stepNavi li {display:none;}
body#payment label {width:110px;}
body#payment div.panel {background-position-x: -100px;}
body#payment div.panel li {position:relative;left:-40px;}
body#payment fieldset {width:350px !important;}
body#payment #couponListtable {width: 325px;}
body#payment #couponListright{position:relative;left:-15px;}
body#payment #mainForm fieldset div.panel:first-child { width:340px;background-position-x: -150px;}
body#payment .confirmation_table input.button{width:auto;float:right;margin:3px 18px;}
body#payment #mainForm input.button {float:right;margin:3px 18px;}
body#payment #mainForm div.panel ul li {display:none}
body#payment #mainForm div.panel p {width:190px;position:relative;left:-130px;}
body#payment div.panel ul { margin-left:80px ;}
body#payment .confirmation_table th { width:70px;}
body#payment .confirmation_table td { width:187px;}
body#payment .confirmation_table .address { width:auto; }
body#payment .advice {margin-left: 140px;}
body#payment div.button {margin-top:10px;}
body#payment #delvTypeV2 {margin-left:185px;margin-top: -32px;margin-left: 185px;}
body#payment input.button.important {width:150px;}
body#payment #buttonDisplayOne {width:auto;float: initial;margin: 0;}
body#payment #delvTypeV1 {margin-top: -32px;margin-left: 185px;}
body#payment #delvTypeV2 {margin-top: -32px;margin-left: 185px;}
body#payment #delvTypeV3 {margin-top: -32px;margin-left: 185px;}
body#payment #delvTypeV4 {margin-top: -32px;margin-left: 185px;}

/*----------------------------------------------------
 confirm order
----------------------------------------------------*/
body#confirmOrder #main {width:355px;margin: 10px 10px 0;}
body#confirmOrder h1 {padding: 0;margin-top: 20px;}
body#confirmOrder ol.stepNavi {background-image: url(//img.muji.net/m/img/cartstep3.png);width: 220px;height: 12px;background-size: 220px 12px;}
body#confirmOrder ol.stepNavi li {display:none;}
body#confirmOrder #buttonDisplayOne {width:150px;}
body#confirmOrder .confirmation_table th { width:70px;}
body#confirmOrder .confirmation_table td { width:187px;}
body#confirmOrder input#change_pay_type {width:60px;}
body#completeOrder #main {width:350px;margin: 10px 10px 0;}
body#completeOrder h1 {padding: 0;margin-top: 20px;}
body#completeOrder ol.stepNavi {background-image: url(//img.muji.net/m/img/cartstep5.png);width: 220px;height: 12px;background-size: 220px 12px;}
body#completeOrder ol.stepNavi li {display:none;}

/*----------------------------------------------------
 login
----------------------------------------------------*/
body#login #main {width:355px;}
body#login fieldset:first-child{border:0;padding:0;}
body#login #h2-member {display:none;}
body#login .centerForm label { text-align:left;padding:0;border:0; }
body#login #EML,
body#login #OLD_PW {width: 97%;font-size: 16px;padding: .4em 0 .4em 5px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border: 1px solid #adadad;-webkit-appearance: none;line-height: 1.4;margin:0 0 5px 0;}
#myAccount dt {font-size: 12px;background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));color: #fff;text-indent: 0;border-bottom: 1px solid #eee;padding: 5px;line-height:1.5;clear:both;}
#myAccount dd {display: inline-block;margin: 0;width: 176px;border-top: 0;padding-top: 0;border-bottom: 1px solid #eee;border-right: 1px solid #eee;float:left;}
#myAccount dd a {background: url(//img.muji.net/m/img/arrow.png) no-repeat 95% center;min-height: 50px;width: 149px;-webkit-background-size: 10px 13px;position: relative;display: table-cell;padding: 0 20px 0 10px;height: 50px;vertical-align: middle;}

/*----------------------------------------------------
 mypage
----------------------------------------------------*/
body#mypage #main {width:355px !important;}
body#mypage #main {margin: 10px 10px 0;width:auto;}
body#mypage h1 {padding: 0;}
/*----------------------------------------------------
 signup
----------------------------------------------------*/
body#easy #main {width:360px;margin: 10px 10px 0;}
body#easy h1 {zoom:100%;padding: 0;}
body#easy .panel {width:350px;background-position-x:-100px;}
body#easy label  {width:110px;}
body#easy select {width:140px;}
body#easy input {width:140px;}
body#easy p.advice{position:relative;left:45px}
body#easy p.advice:nth-child(2) {position:relative;left:-55px}
body#easy span.advice {margin-left: 140px;}
div.panel p.error {margin-left: 140px;}
body#easy #BIRTH_DT_YEAR {width:45px;}
body#easy #BIRTH_DT_MONTH,
body#easy #BIRTH_DT_DATE {width:40px;}
body#easy fieldset{width:355px;}
body#easy .panel div.birthday_include{position:relative;left:240px;}
body#easy .check .advice {height:20px;}
body#easy .check input {width:initial;}
body#easy .check p {margin-left:140px;}
body#easy .check label {padding-left:0;}
body#easy div.label {width: 110px;}
body#easy span.agreement {width:190px;position:relative;left:60px;}
body#easyConfirm #main {width:360px;margin: 10px 10px 0;}
body#easyConfirm input.button {width:130px;}
body#easyConfirm .confirmation_table th {width: 100px;}
body#easyConfirm .confirmation_table td {width: 157px;}
body#signupComplete #main {width:360px;margin: 10px 10px 0;}
body#signupComplete h1 {zoom:100%;padding: 0;}

/*----------------------------------------------------
 modify
----------------------------------------------------*/
body#full #main {width:360px;margin: 10px 10px 0;}
body#full h1 {zoom:100%;padding: 0;}
body#full .panel {width:350px;background-position-x:-100px;}
body#full label  {width:110px;}
body#full select {width:140px;}
body#full input {width:140px;}
body#full p.advice {width: 225px;position:relative;left:10px;}
body#full span.advice {margin-left: 140px;}
body#full #BIRTH_DT_YEAR {width:45px;}
body#full #BIRTH_DT_MONTH,
body#full #BIRTH_DT_DATE {width:40px;}
body#full .check .advice {height:20px;}
body#full .check input {width:initial;}
body#full .check p {margin-left:140px;}
body#full .check label {padding-left:0;}
body#full div.label {width: 110px;}
body#fullConfirm #main {width:360px;margin: 10px 10px 0;}
body#fullConfirm .confirmation_table th {width: 100px;}
body#fullConfirm .confirmation_table td {width: 157px;}
body#fullConfirm input.button {width:130px;}
body#full .panel div.birthday_include{position:relative;left:240px;}
body#modifyComplete #main {width:360px;margin: 10px 10px 0;}

/*----------------------------------------------------
 address
----------------------------------------------------*/
body#addressList #main {width:355px;margin: 10px 10px 0;}
body#addressList input.button {width:130px;}
body#addressEdit #main {width:360px;margin: 10px 10px 0;}
body#addressEdit input.button {width:130px;}
body#addressEdit .panel {background-position-x:-150px;}
body#addressEdit label  {width:60px;}
body#addressEdit .txt input {width:100px;}
body#addressEdit select  {width:80px;}
body#addressEditConfirm #main {width:360px;margin: 10px 10px 0;}
body#addressEditConfirm input.button {width:130px;}
body#addressEditConfirm .confirmation_table th {width: 100px;}
body#addressEditConfirm .confirmation_table td {width: 157px;}

/*----------------------------------------------------
 password
----------------------------------------------------*/
body#request #main {width:355px;margin: 10px 10px 0;}
body#request label  {width:75px;padding:0 20px 0 0;margin:0;}
body#request #mailAddr {margin:0;width:250px;}
body#request div.button { margin:0 auto; }
body#requestComplete #main {width:355px;margin: 10px 10px 0;}
body#reset #main {width:355px;margin: 10px 10px 0;}
body#reset h1 {padding: 0;margin-bottom:1em;}
body#reset label {width:75px;padding:0 20px 0 0;margin:0;text-align:initial;}
body#reset input[type="password"] {border: 1px solid #ccc;font-size: 14px;padding: 5px;line-height: 1.6;margin-bottom: 5px;border-radius: 2px;}
body#reset p.advice {width:auto ;}

/*----------------------------------------------------
 orderlist
----------------------------------------------------*/
#orderList #main {width:355px;}
#orderInfo {width:350px; }
body#orderList #main {margin: 10px 10px 0;}
table#orderList {font-size:10px;width:355px;}
table#orderList td:nth-child(2){width:80px;}
table#orderList .price .num {font-size:10px;}
body#orderList .infobox {width:355px;}
body#orderList .infobox ul {width:335px;margin-left:0;}

/*----------------------------------------------------
 orderdetail
----------------------------------------------------*/
#orderDetail #main {width:320px;}
body#orderDetail #main {width:355px;margin: 10px 10px 0;}
body#orderDetail h1 {padding: 0;}
body#orderDetail dl#orderInfo div {position: relative;left: -46px;}
body#orderDetail .confirmation_table {width: 355px;}
body#orderDetail .confirmation_table th {width: 60px;}
body#orderDetail .confirmation_table td {width: 157px;}
body#orderDetail .confirmation_table .address {width: auto;}
body#orderDetail .panel.button.displaced {width:300px;}
body#orderDetail div#orderSums {width:355px;}

/*----------------------------------------------------
 mailnews
----------------------------------------------------*/
body#mailnews #main {width:360px;margin: 10px 10px 0;}
body#mailnews .centerForm label { text-align:left;padding:0;border:0; }
body#mailnews #mailAddrLogin,
body#mailnews #mailAddrDel {width: 97%;font-size: 16px;padding: .4em 0 .4em 5px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;border: 1px solid #adadad;-webkit-appearance: none;line-height: 1.4;margin:0 0 5px 0;}

/*----------------------------------------------------
 contact
----------------------------------------------------*/
body#contactTop .annotation { padding-left:20px; }
body#contactTop .faqList {margin-bottom:20px;}
body#contactTop .column2 .col {width: initial;}
body#contactTop .faqList h2{width:370px;clear:left;background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#555));color: white;text-indent: 0;border-bottom: 1px solid #EEE;padding: 5px;margin:0;}
body#contactTop .faqList h2 a {color: white;}
body#contactTop .faqList li {width: 188px;float:left;border-bottom: 1px solid #eee;border-right: 1px solid #eee;line-height: normal;margin:0;}
body#contactTop .faqList li a {background: url(//img.muji.net/m/img/arrow.png) no-repeat 95% center;min-height: 50px;width: 129px;-webkit-background-size: 10px 13px;position: relative;display: table-cell;padding: 0 20px 0 10px;height: 50px !important;vertical-align: middle;}

/*----------------------------------------------------
 fancybox
----------------------------------------------------*/
#fancybox-content {
  overflow-x: scroll !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

#fancybox-frame {width: 800px !important;}

/*----------------------------------------------------
 mile
----------------------------------------------------*/

body#mileHistory #main {width:360px;margin: 10px 10px 0;}
body#mileHistory .prevNext{text-decoration:underline}
body#mileHistory #buttonDisplayOne{width:auto;position:relative;left:-70px;}

/*----------------------------------------------------
 mile_lastyear
----------------------------------------------------*/

body#mileHistory_lastyear #main {width:360px;margin: 10px 10px 0;}
body#mileHistory_lastyear .prevNext{text-decoration:underline}
body#mileHistory_lastyear #buttonDisplayOne{width:auto;position:relative;left:-70px;}

/*----------------------------------------------------
 coupon
----------------------------------------------------*/
body#couponHistory #main {width:360px;margin: 10px 10px 0;}
body#couponHistory .prev{text-decoration:underline}
